<template>
<h1>图标组件</h1>

  <div style="width: 200px;height: 300px; margin: 0 auto; position: relative; overflow: hidden; background-color:#e8e8e8;">

    <div>
      <img src="2024.png" width="120px">
    </div>
    <div style="width: 200px;position: absolute; bottom: 26px; margin: 0 auto" >
      <el-button type="primary"><el-icon size="20px"><Menu /></el-icon></el-button>
      <el-button type="primary"><el-icon size="20px"><User /></el-icon></el-button>
      <el-button type="primary"><el-icon size="20px"><ChatLineSquare /></el-icon></el-button>
    </div>
  </div>
  <el-icon size="20px"><Menu /></el-icon>
  <el-icon size="20px"><User /></el-icon>
  <el-icon size="20px"><ChatLineSquare /></el-icon>
</template>

<script setup>

</script>

<style scoped>

</style>